<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用5种方法写布局：上下高度固定，中间只适应</title>
    <style media="screen">
        *{
            padding: 0;
            margin: 0;
        }
        html,body{
            height: 100%;
        }
    </style>
</head>
<body>
<section style="height: 100%">
    <article>
        <table>
            <tr >header</tr>
            <tr>center</tr>
            <tr >footer</tr>
        </table>
    </article>

</section>

</body>
</html>